<template>
  <el-row type="flex" justify="space-between" align="middle">
    <el-col>
      <el-button type="primary" size="small" @click="showDialogFn">添加页面</el-button>
    </el-col>
    <el-col>
      <el-input v-model="title_contains" placeholder="请输入关键字">
        <el-button slot="append" size="small" class="pages-search" @click.native="search">筛选</el-button>
      </el-input>
    </el-col>
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      title_contains: ''
    }
  },
  methods: {
  // 显示弹窗
    showDialogFn() {
      this.$emit('showDialog')
    },
    // 筛选
    search() {
      this.$emit('search', this.title_contains)
      this.title_contains = ''
    }
  }
}
</script>

<style>

</style>
